<extend name="Base/common"/>
<block name="head_css">
    <link rel="stylesheet" type="text/css" href="__CSS__/banner.css"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/gundong.css"/>
</block>
<block name="head_js">
    <script src="__JS__/gundong.js"></script>
</block>

<block name="banner">
   <div class="index-ban swiper-container" style="" >
        <div class="swiper-wrapper">
            <volist name="banner_data" id="val">
                <div class="swiper-slide"><img  src="{$val.cover_id|get_cover='path'}" width="100%"></div>
            </volist>
        </div>
        <div class="ban-page"></div>
    </div>
</block>
<block name="body">

    <!--正文-->
    <div class="body" style="margin-top: 23px;">
        <div class="wrap">
            <!--公告 新闻-->
            <div class="news">
                <h3>最新<br/>资讯</h3>
                <div class="content swiper-container"  id="news-swiper-container">
                    <div class="swiper-wrapper">
                        <article:list name="article" category="86" row="3" child="true">
                         <div class="swiper-slide">
                            <p>{$article.title} <a href="{:U('News/detail',array('id'=>$article['id']))}#body">【详细查看】</a></p>
                            <span>{$article.description}</span>
                        </div>
                        </article:list>
                    </div>
                </div>
                <div class="control">
                    <a href="javascript:;" class="up"></a>
                    <a href="javascript:;" class="down"></a>
                </div>
            </div>
        </div>
        <div class="wrap">
            <div class="box-style1 box-slide" style="margin-top: 10px;">
                <h3>
                    合作项目
                </h3>
                <div class="swiper-container" id="imgs-swiper-container">
                    <div class="swiper-wrapper" >
                        <volist name="hzxm['list']" id="val">
                        <div class="swiper-slide" style="height: 355px;">
                            <a href="{:U('Service/index',array('template'=>'detail','template_id'=>$val['id']))}#body">
                                <img height="355px;" src="{$val.cover_id|get_cover='path'}">
                                <p>{$val.title}</p>
                            </a>
                        </div>
                       </volist>
                    </div>
                    <div class="imgs-pagination"></div>
                </div>
            </div>
            <div class="box-style1 box-news-list" style="margin-top: 10px;">
                <h3>
                    新闻资讯
                    <a class="more" href="{:U('News/index')}#body">更多>></a>
                </h3>
                <ul>
                    <article:list name="article" category="86" row="4" child="true">
                        <li>
                            <div class="time">{$article.create_time|date="Y-m",###}<span>{$article.create_time|date="d",###}</span></div>
                            <div class="text">
                                {$article.title} <a href="{:U('News/detail',array('id'=>$article['id']))}#body">【详细查看】</a>
                                <p>{$article.description}</p>
                            </div>
                        </li>
                    </article:list>
                </ul>
            </div>
        </div>
        <div class="wrap">
           <div>
               <h3 style="float: left;width: 580px;margin-right: 40px;font-size: 18px;color: #cc0033;font-weight: 300;border-bottom: 1px solid #ccc;line-height: 3em;">
                   <span style="float: left;line-height: 54px;font-size: 20px;font-family: '微软雅黑';">风险防范</span>
                   <a style="display:block;float: right;font-size: 14px;color: #999;" class="more" href=" {:U('Investment/index')}#body">更多>></a>
               </h3>
               <h3 style="float: left;width:580px;font-size: 18px;color: #cc0033;font-weight: 300;border-bottom: 1px solid #ccc;line-height: 3em;">
                   <span style="float: left;line-height: 54px;font-size: 20px;font-family: '微软雅黑';">业务介绍</span>
                   <a style="display:block;float: right;font-size: 14px;color: #999;" class="more" href="{:U('Service/index')}#body">更多>></a>
               </h3>
               <div style="clear: both;"></div>
           </div>
            <div class="box-style2  box_50 box_l" style="background-color: #eee; width: 580px;height: 307px;">
                <h3>
                    <span>风险防范</span>

                </h3>
                <ul>
                    <article:list name="article" category="111" row="6" child="true">
                    <li><span>{$article.create_time|date="Y-m-d",###}</span><a href="{:U('Investment/detail',array('id'=>$article['id']))}#body">{$article.title}</a></li>
                    </article:list>
                </ul>
            </div>

            <div class="box-ad box_50 box_r" style="height: 310px;">
                <div class="ad">
                    <img width="580px;" height="138px;" src="__IMG__/ad123.jpg"/>
                </div>
                <div class="business">
                    <a href="{:U('Service/index',array('id'=>586))}#body">
                    <h3>业务介绍<br/>
                        <span>Business introduction</span>
                    </h3>
                    </a>
                    <ul>　
                        <li class="item-1"><a style="color: #af3034;font-size: 16px;" href="{:U('Service/index',array('id'=>586))}#body">融资租赁</a></li>
                        <li class="item-2"><a style="color: #af3034;font-size: 16px;" href="{:U('Service/index',array('id'=>585))}#body">信托贷款</a></li>
                        <li class="item-3"><a style="color: #af3034;font-size: 16px;" href="{:U('Service/index',array('id'=>584))}#body">银行贷款</a></li>
                        <li class="item-4"><a style="color: #af3034;font-size: 16px;" href="{:U('Service/index',array('id'=>583))}#body">债券融资</a></li>
                        <li class="item-5"><a style="color: #af3034;font-size: 16px;" href="{:U('Service/index',array('id'=>582))}#body">基金方案</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="wrap" style="margin-top: 10px;">
            <div>
                <h3 style="float: left;width: 580px;margin-right: 40px;font-size: 18px;color: #cc0033;font-weight: 300;border-bottom: 1px solid #ccc;line-height: 3em;">
                    <span style="float: left; font-size: 20px;font-family: '微软雅黑';">法律法规</span>
                    <a style="display:block;float: right;font-size: 14px;color: #999;" class="more" href="{:U('Policy/index')}#body">更多>></a>
                </h3>
                <h3 style="float: left;width:580px;font-size: 18px;color: #cc0033;font-weight: 300;border-bottom: 1px solid #ccc;line-height: 3em;">
                    <span style="float: left; font-size: 20px;font-family: '微软雅黑';">行业动态</span>
                    <a style="display:block;float: right;font-size: 14px;color: #999;" class="more" href="{:U('News/index',array('cate_id'=>51))}#body">更多>></a>
                </h3>
                <div style="clear: both;"></div>
            </div>
            <div class="box-style2 box_50 box_l" style="width: 580px">
                <h3>
                    <span>法律法规</span>

                </h3>
                <ul>
                    <article:list name="article" category="110" row="6" child="true">
                         <li><span>{$article.create_time|date="Y-m-d",###}</span><a href="{:U('Policy/detail',array('id'=>$article['id']))}#body">{$article.title}</a></li>
                    </article:list>
                </ul>
            </div>

            <div class="box-style2 box_50 box_r">
                <h3>
                    <span>行业动态</span>

                </h3>
                <ul>
                    <article:list name="article" category="51" row="6" child="true">
                        <li><span>{$article.create_time|date="Y-m-d",###}</span><a href="{:U('News/detail',array('id'=>$article['id']))}#body">{$article.title}</a></li>
                    </article:list>
                </ul>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function(){
            $('.marquee').kxbdMarquee({
                direction:'left',
                eventA:'mouseenter',
                eventB:'mouseleave'
            });
        });
    </script>
    <div class="wrap">
        <div class="box-style1 cooperative">
            <h3>合作单位</h3>

                <div class="marquee">
                    <ul>
                        <volist name="cooperative" id="val">
                            <li>
                                <a href="{$val.links}">
                                    <img src="{$val.cover_id|get_cover='path'}" alt="{$val.title}">
                                    <em>{$val.title}</em>
                                </a>
                            </li>
                        </volist>
                    </ul>
                </div>

        </div>
    </div>
</block>
<block name="footer_js">
    <script>
        
        $(function(){
            //首页banner图滚动
            var index_banner = new Swiper('.index-ban',{                                                                     //首页banner
                autoplay : 3000,
                speed: 1000,
                //effect : 'fade',
                pagination : 'none',
                paginationClickable :true,

            });


            /* 新闻滚动控制 begin */
            var mySwiper = new Swiper('#news-swiper-container', {
                autoplay: 5000,//可选选项，自动滑动
                direction:'vertical',
                slidesPerView:1,
            });
            //方向按钮控制
            $(".control").on('click','.up',function(){
                mySwiper.slidePrev();
            }).on('click','.down',function(){
                mySwiper.slideNext();
            });
            /* 新闻滚动控制 end */

            /*滚动图片*/
            var imgs_swiper = new Swiper('#imgs-swiper-container', {
                autoplay: 5000,//可选选项，自动滑动
                pagination: '.imgs-pagination',
                paginationClickable: true,
                paginationBulletRender: function (swiper,index, className) {
                    return '<span class="' + className + '">' + (index + 1) + '</span>';
                }
            });



        })
    </script>
<script>
   var i=1;
    function banner(){
        $("#pictures li").hide();
        var len=$("#pictures li").length;
        if(i>len){
            i=1;
        }
        $("#pictures li").eq(i-1).show();
        i++;
    }

    setInterval("banner()",3000);

</script>
</block>